<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header SMES-dialog B0232-dialog">
    <div class="kmi-header-row">
        <div class="header-title" ng-bind="'B0232.title' | translate"></div>
        <div class="kmi-side-btn right" ng-click="dialog.back();">
            <img src="image/icons/clear.png"></img>
            <div class="kmi-can-click"></div>
        </div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page">
            <div class="kmi-list column-selector" column-selector-id="maintain_order_list">
                <div class="kmi-list__header">
                    <div class="kmi-list__column" style="flex:0 0 44px;" ng-bind="'B0232.list.column01' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B0232.list.column02' | translate"></div>
                    <div class="kmi-list__column" style="flex:0 0 180px;" ng-bind="'B0232.list.column03' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B0232.list.column04' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B0232.list.column05' | translate"></div>
                    <!-- <div class="kmi-list__column" style="flex:1;" ng-bind="'B0232.list.column06' | translate"></div> -->
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B0232.list.column07' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'B0232.list.column08' | translate"></div>
                </div>
                <div class="kmi-list__row-content">
                    <div class="kmi-list__row" ng-class="{'is-select': dialog.maintainItem == item}"
                    ng-repeat="item in dialog.maintain_order_list track by $index">
                        <div class="kmi-list__column column-border" style="flex:0 0 44px;z-index:1;">
                            <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="dialog.openESOP(item, $event);">
                                <i class="material-icons">description</i>
                            </button>
                        </div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.est_maintain_date"></div>
                        <div class="kmi-list__column column-border" style="flex:0 0 180px; display: flex; align-items: center;z-index:1;">
                            <label ng-bind="item.wo_no"></label>
                            <div mdl-toast="{{dialog.getToastMsg(item);}}" style="height: 24px; margin-left: 4px;">
                                <i class="material-icons" ng-class="{'info': item.wo_type == '0', 'error': item.wo_type == '1'}">
                                    {{(item.wo_type == '0')?'info':'error'}}
                                </i>
                            </div>
                        </div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.seq"></div>
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.finish_time"></div>
                        <!-- 20220901 modify by 王晴晴 for#0115102 : 修正栏位显示异常，删除“执行状况”栏位 -->
                        <!-- <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.reason_name"></div> -->
                        <!-- <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.execute_status_name"></div> -->
                        <div class="kmi-list__column column-border" style="flex:1;" ng-bind="dialog.getLaborDisplay(item);"></div>
                        <div class="kmi-list__column column-border" style="flex:1;z-index:1;">
                            <div class="check-point-switch" ng-class="{'is-selected':item.execute_status == '1'}" ng-click="dialog.clickChecked(item);">
                                <div style="width:24px;height:24px;"></div>
                            </div>
                        </div>
                        <div class="kmi-can-click" ng-click="dialog.clickItem(item);" ></div>
                    </div>
                </div>
            </div>
            <div class="kmi-text-fields" style="margin: 8px 0 4px 0;">
                <label class="label" ng-bind="'B0232.process_name' | translate"></label>
                <label class="value" ng-bind="dialog.maintainItem.process_name"></label>
                <label class="label" ng-bind="'B0232.est_finish_time' | translate" style="flex: 0 0 198px;"></label>
                <label class="value" ng-bind="dialog.maintainItem.est_finish_time"></label>
            </div>
            <div class="kmi-text-fields" style="margin: 4px 0;">
                <label class="label" ng-bind="'B0232.labor' | translate"></label>
                <input class="value" ng-value="dialog.getLaborDisplay(dialog.maintainItem);" readonly="readonly"
                    ng-click="dialog.loadEmployeeList(dialog.maintainItem);" ng-disabled="!dialog.maintainItem">
                <div class="tip"><i class="material-icons">&#xE5CF;</i></div>
                <!-- <label class="value" ng-bind="dialog.maintain_labor"></label> -->
                <label class="label" ng-bind="'B0232.bad_reason' | translate"></label>
                <input class="value" ng-value="dialog.getReasonDisplay(dialog.maintainItem);" readonly="readonly"
                    ng-click="dialog.loadBadReasonList(dialog.maintainItem);" ng-disabled="!dialog.maintainItem">
                <div class="tip"><i class="material-icons">&#xE5CF;</i></div>
            </div>
            <div class="maintain-info-panel" style="flex: 1; display: flex;">
                <div class="left" style="flex: 1;display: flex;flex-direction: column;margin-right: 4px; height: 100%;">
                    <div class="kmi-text-fields" style="margin-top: 8px;">
                        <label class="label" ng-bind="'B0232.maintain_detail.title' | translate"
                        style="text-align:left; flex:1; color: #db5746; font-size: 22px; font-weight: 600;"></label>
                    </div>
                    <div class="kmi-list">
                        <div class="kmi-list__header">
                            <div class="kmi-list__column width-fixed" style="flex:0 0 48px;" ng-bind="'B0232.maintain_detail.column01' | translate"></div>
                            <div class="kmi-list__column width-fixed" style="flex:1;" ng-bind="'B0232.maintain_detail.column02' | translate"></div>
                        </div>
                        <div class="kmi-list__row-content">
                            <div class="kmi-list__row" ng-repeat="item in dialog.maintainItem.maintain_detail track by $index">
                                <div class="kmi-list__column column-border" style="flex:0 0 48px;" ng-bind="item.seq"></div>
                                <div class="kmi-list__column" style="flex:1;" ng-bind="item.item_name+'('+item.item_no+')'"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="right" style="flex: 1;display: flex;flex-direction: column; margin-left: 4px; height: 100%;">
                    <div class="kmi-text-fields" style="margin-top: 8px;">
                        <label class="label" ng-bind="'B0232.sp_detail.title' | translate"
                        style="text-align:left; flex:1; color: #db5746; font-size: 22px; font-weight: 600;"></label>
                    </div>
                    <div class="kmi-list">
                        <div class="kmi-list__header">
                            <div class="kmi-list__column width-fixed" style="flex: 1;"ng-bind="'B0232.sp_detail.column01' | translate" ></div>
                            <div class="kmi-list__column width-fixed" style="flex: 0 0 120px;"ng-bind="'B0232.sp_detail.column02' | translate"></div>
                        </div>
                        <div class="kmi-list__row-content">
                            <div class="kmi-list__row" ng-repeat="item in dialog.maintainItem.sp_detail track by $index">
                                <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.sp_name+'('+item.sp_no+')'"></div>
                                <div class="kmi-list__column" style="flex:0 0 120px;" ng-bind="item.qty"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="search-tool" style="display: flex; justify-content: flex-end;">
                <div class="kmi-button kmi-button-confrim btn-confirm" ng-click="dialog.confirm()"  style="width:100px">
                    <label ng-bind="'common.btn.confirm' | translate"></label>
                    <div class="kmi-can-click" ></div>
                </div>
            </div>
        </div>
    </div>
</div>
